*{
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #333;
}
a{
  text-decoration: none;
}
ul,ol{
  list-style-type: none;
}
.container{
  width: 1200px;
  margin: auto;
}
/*页头样式属性*/
.yeTou>nav{
  height: 30px;
  background-color: #2b2b2b;
}
.yeTou>nav .left{
  float: left;
}
.yeTou>nav .right{
  float: right;
}
.yeTou>nav>div>ul{
  display: flex;
}
.yeTou>nav>div>ul>li{
  margin: 0 10px;
}
.yeTou>nav ul li a{
  color: #ccc;
  display: block;
  height: 30px;
  line-height: 30px;
}
.yeTou>nav .gift{
  width: 80px;
  height: 30px;
  background-image: url(../images/public/gift_new.gif); 
}
.yeTou>nav .self{
  position: relative;
}
.yeTou>nav .oneself{
  background-image: url(../images/public/jiantouBai.png);
  background-repeat: no-repeat;
  background-position: right 8px center;
  padding-right: 15px;
}
.yeTou>nav .self a{
  padding: 0 5px;
}
.yeTou>nav .selfList{
  display: none;
  position: absolute;
  top: 30px;
  background-color: #fff;
}
.yeTou>nav .selfList li{
  text-align: center;
}
.yeTou>nav .selfList li a{
  color: #333;
}
.yeTou>nav .self,
.yeTou>nav .phone,
.yeTou>nav .socity,
.yeTou>nav .applets,
.yeTou>nav .weixin{
  z-index: 10;
}
.yeTou>nav .phone{
  background-image: url(../images/public/phone_code1.png);
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 15px;
  position: relative;
}
.yeTou>nav .phone .angle{
  border: 5px solid transparent;
  border-bottom: 5px solid #fff;
  position: absolute;
  bottom: 0px;
  left: 36px;
  transform: translate(-50%);
}
.yeTou>nav .phone img{
  position: absolute;
  left: -32px;
  width:136px;
  height:136px
}
.yeTou>nav .phone .box{
  display: none;
}
.yeTou>nav .socity{
  background-image: url(../images/public/home_society1.png);
  background-repeat: no-repeat;
  background-position: center left;
  background-size: 16px 16px;
  padding-left: 20px;
  position: relative;
}
.yeTou>nav .socity .box{
  text-align: center;
  line-height: 20px;
  width: 130px;
  padding: 10px;
  position: absolute;
  left: -51px;
  display: none;
  background-color: #fff;
}
.yeTou>nav .socity .box .pho{
  width: 86px;
  height: 86px;
  background-image: url(../images/public/home_society2.png);
  background-size: 86px 86px ;
  margin: auto;
}
.yeTou>nav .applets,
.yeTou>nav .xinlang,
.yeTou>nav .weixin{
  width: 20px;
  height: 30px;
}
.yeTou>nav .applets{
  background-image: url(../images/public/xcx_code_2.png);
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}
.yeTou>nav .applets div{
  width: 150px;
  height: 150px;
  background-image: url(../images/public/xcx_code_1.png);
  background-size: contain;
  position: absolute;
  top: 25px;
  left: -62px;
  display: none;
}
.yeTou>nav .xinlang{
  background-image: url(../images/public/weibo.png);
  background-repeat: no-repeat;
  background-position: center;
}
.yeTou>nav .weixin{
  background-image: url(../images/public/weixin.png);
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}
.yeTou>nav .weixin .box{
  position: absolute;
  width:136px;
  height:136px;
  top: 30px;
  left: -58px;
}
.yeTou>nav .weixin .angle{
  border: 5px solid transparent;
  border-bottom: 5px solid #fff;
  position: absolute;
  left: 50%;
  top: -10px;
  transform: translate(-50%);
}
.yeTou>nav .weixin img{
  width:136px;
  height:136px;
}
.yeTou>nav .weixin .box{
  display: none;
}
/*页头样式变化*/
.yeTou>nav a:hover{
  color: #ffd731;
}
.yeTou>nav .self:hover .selfList{
  display: block;
}
.yeTou>nav .self .oneself:hover{
  color: #ccc;
}
.yeTou>nav .self .selfList li:hover{
  background-color: #fdd000;
}
.yeTou>nav .self .selfList li:hover a{
  color: #fff;
}
.yeTou>nav .phone:hover .box{
  display: block;
}
.yeTou>nav .socity:hover .box{
  display: block;
}
.yeTou>nav .applets:hover div{
  display: block;
}
.yeTou>nav .applets:hover{
  background-image: url(../images/public/xcx_code_2l.png);
}
.yeTou>nav .xinlang:hover{
  background-image: url(../images/public/weibol.png);
}
.yeTou>nav .weixin:hover .box{
  display: block;
}
.yeTou>nav .weixin:hover{
  background-image: url(../images/public/weixinl.png);
}
/*搜索区*/
.yeTou .sousuo{
  position: relative;
  width: 1200px;
  margin: auto;
  height: 130px;
}
.yeTou .sousuo .left{
  float: left;
  display: block;
  height: 130px;
  width: 178px;
  background-image: url(../images/public/yxk_logo_new.png);
  background-repeat: no-repeat;
  background-size: 178px;
  background-position: center;
  margin-left: 20px;
}
.yeTou .sousuo .right{
  height: 130px;
  width: 812px;
  float: right;
  display: inline-block;
  position: relative;
  z-index: 5;
}
.yeTou .sousuo .right .checkCity,
/*.sousuo .right form,*/
.yeTou .sousuo .right .box,
.yeTou .sousuo .right .infor{
  display: inline-block;
}
.yeTou .sousuo .right .checkCity{
  height: 130px;
  line-height: 130px;
  position: relative;
  cursor: pointer;
}
.yeTou .sousuo .right .checkCity .city{
  width: 70px;
  font-size: 18px;
  background-image: url(../images/public/sousuoJiantou.png);
  background-repeat: no-repeat;
  background-position: center right 5px;
}
.yeTou .sousuo .right .checkCity .otherCity{
  line-height: 30px;
  width: 60px;
  text-align: center;
  position: absolute;
  top: 74px;
  display: none;
}
.yeTou .sousuo .right .checkCity .otherCity li,
.yeTou .sousuo .right .box .type .otherType li{
  height: 30px;
  background-color: #fff;
}
.yeTou .sousuo .right .checkCity:hover .otherCity,
.yeTou .sousuo .right .box .type:hover .otherType{
  display: block;
}
.yeTou .sousuo .right .checkCity .otherCity li:hover,
.yeTou .sousuo .right .box .type .otherType li:hover{
  background-color: #ffd731;
}
.yeTou .sousuo .right .checkCity .otherCity li:hover,
.yeTou .sousuo .right .box .type .otherType li:hover{
  color: #fff;
}
.yeTou .sousuo .right .box{
  height: 40px;
  margin: 40px 0;
  border: 2px solid #ffd731;
  border-radius: 20px;
}
.yeTou .sousuo .right .box .type{
  display: inline-block;
  padding-left: 15px;
  height: 40px;
  line-height: 40px;
  width: 60px;
  background-image: url(../images/public/jiantouBai.png);
  background-repeat: no-repeat;
  background-position: center right 20px;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
}
.yeTou .sousuo .right .box .type>div{
  color: #ccc;
}
.yeTou .sousuo .right .box .type .otherType{
  position: absolute;
  top: 40px;
  left: -5px;
  line-height: 30px;
  width: 80px;
  text-align: center;
  display: none;
  border: 2px solid transparent;
}
.yeTou .sousuo .right .box .txt{
  /*display: block;*/
  outline: none;
  height: 40px;
  border: none;
  width: 360px;
  vertical-align: middle;
}
.yeTou .sousuo .right .box .Sbtn{
  width: 136px;
  height: 40px;
  border: none;
  background-color: #ffd731;
  font-size: 18px;
  font-weight: bold;
  border-radius: 0 18px 18px 0;
  vertical-align: middle;
}
.yeTou .sousuo .right .infor{
  vertical-align: middle;
  margin-left: 20px;
}
.yeTou .sousuo .right .infor .times{
  font-size: 10px;
  line-height: 14px;
}
.yeTou .sousuo .right .infor .pho{
  font-size: 17px;
  font-weight: bold;
  line-height: 17px;
  margin-top: 6px;
}
/*导航部分*/
.yeTou .navList{
  height: 50px;
  position: relative;
  z-index: 2;
}
.yeTou .navList .levelone{
  float: left;
  padding: 0 0 0 10px;
}
.yeTou .navList .levelone .box{
  padding: 0 15px 0 0 ;
}
.yeTou .navList .levelone .label{
  display: block;
  height: 46px;
  line-height: 46px;
  text-align: right;
  padding-right: 15px;
  background-repeat: no-repeat;
  background-position: center right;
  border-bottom: 5px solid transparent;
}
.yeTou .navList .levelone ul{
  padding: 15px 0;
}
.yeTou .navList .levelone .list{
  position: absolute;
  margin-left: -20px;
  padding-left: 15px;
  flex-direction: column;
  max-height: 300px;
  flex-wrap: wrap;
  display: none;
  background-color: #fff;
}
.yeTou .navList .levelone .leveltwo a{
  display: block;
  height: 48px;
  line-height: 48px;
  padding-right: 25px;
  position: relative;
}
.yeTou .navList .levelone .list img{
  width: 25px;
  height: 28px;
  position: absolute;
  left: 20px;
  transform: translate(-50%);
  top: -8px;
}
/*导航动画*/
.yeTou .navList .levelone:hover>.box>.label,
.yeTou .navList .levelone .box .hov a{
  color: #ff8f0a;
}
.yeTou .navList .levelone:hover>.box>.label{
  border-bottom: 3px solid #ff8f0a;
}
.yeTou .navList .levelone:hover .list{
  display: flex;
}
